<template>
  <div>
    <van-grid :column-num="2" :center="false" :gutter="10">
      <van-grid-item v-for="(item, index) in lists" :key="index">
        <van-image :src="item.pic" />
        <p>{{ item.title }}</p>
        <p>
          ￥{{ item.price }}元
          <span
            ><van-icon name="shopping-cart-o" color="red" @click="Xq(item)"
          /></span>
        </p>
      </van-grid-item>
    </van-grid>

    
  </div>
</template>
<script>
export default {
  props: ["lists"],
  data() {
    return {
      
    };
  },
  methods:{
      Xq(item){
          this.$emit('xQ',item)
      },
  }
};
</script>
<style lang="scss" scoped>
.van-popup--bottom {
  height: 70%;
}
</style>